<template>
  <RouterView />
</template>

<script setup>
import { RouterView, useRoute } from 'vue-router'
</script>

<style>
html {
  width: 100%;
  overflow: hidden;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 16px;
  color: var(--primary-color);
}

:root {
  --primary-color: #1c3361;

  --el-color-primary: #1c3361;
  --el-color-primary-light-3: #50779d;
  --el-color-primary-dark-2: #010919;
  --el-color-primary-light-5: #9dbeff;
  --el-color-primary-light-7: #c2ddfd;
  --el-color-primary-light-9: #e1efff;
  --el-color-primary-light-8: #d3e7ff;
}

.el-table .cell {
  word-break: keep-all !important;
  white-space: nowrap !important
}

/* 小屏手机 */
@media all and (max-width:320px) {
  html {
    font-size: 12px;
  }
}

/* 中屏手机 375px */
@media all and (min-width:321px) and (max-width:375px) {
  html {
    font-size: 14px;
  }
}

/* 大屏手机 414px */
@media all and (min-width:414px) {
  html {
    font-size: 16px;
  }
}
</style>
